<template>
      <div id="lc">
            <div class="title">
                  加盟流程
            </div>
            <div class="list">
                  <div class="item">
                        <img src="../../assets/img/q2.png" alt="">
                        <div class="txt">代理申请</div>
                  </div>
                  <div class="item">
                        <img src="../../assets/img/q3.png" alt="">
                        <div class="txt">业务对接</div>
                  </div>
                  <div class="item">
                        <img src="../../assets/img/q4.png" alt="">
                        <div class="txt">系统培训</div>
                  </div>
                  <div class="item">
                        <img src="../../assets/img/q5.png" alt="">
                        <div class="txt">售后支持</div>
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            
      }
</script>

<style lang="scss" scoped>
#lc {
      width: 100%;
      max-width: 750px;
      margin-top: 0.3rem;
      .title {
            font-size: 0.36rem;
            width: 100%;
            text-align: center;
      }
      .list {
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 0.3rem 0;
            .item {
                  width: 1.32rem;
                  height: 1.32rem;
                  background: url("../../assets/img/q1.png") 0 0 no-repeat;
                  background-size: 100% 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  img {
                        width: 0.5rem;
                        height: 0.5rem;
                        display: block;
                  }
                  .txt {
                        font-size: 0.2rem;
                        margin: 0.1rem 0;
                  }
            }
      }
}
</style>